* { -webkit-text-size-adjust: none; }
body { margin: 0; padding: 0; font-size: 12px; font-family: "微軟正黑體", "Microsoft JhengHei", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color: #ffffff; background:#000; }
body, html { width: 100%; height: 100%; }
body, ul, li { margin: 0; padding: 0; }
ul, li { list-style: none; }
a:link, a:visited { color: #ffffff; text-decoration: none; }
a:hover, a:active { color: #fac800; }
input, textarea { font-size: 14px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Microsoft JhengHei", sans-serif; }
img { border: 0px; }
h1 {font-size: 0px;}
.LinkBlue{ color: #006491; text-decoration: underline; }
.clear { clear: both; }
.desktop { display: block; }
.mobile { display: none; }
#warning { background-color: #fc1712; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; }
#warning .copy { font-size: 14px; line-height: 16px; margin: 5px 40px 7px 20px; }
#warning .close { position: absolute; width: 20px; height: 20px; top: 5px; right: 20px; cursor: pointer; }
#warning a { text-decoration: underline; color: #FFFFFF; }
.bg { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: 0; top: 0px; left: 0px; }
.bg2 { width: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: 0; top: 0px; left: 0px; }
#wrap { width: 100%; height: 100%; }
#header { border-top:6px #8b0005 solid; background:#000000 url(../images/header_bg.png) repeat-x top; width: 100%; height:99px; position: fixed; top: 0px; left: 0px; z-index: 98; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.topbar { position: relative; margin: -6px auto 0; width: 100%; z-index:1; }
#logo { margin: 0 auto; padding-top: 16px; width: 299px; height:86px; }
#logo a{width:100%; height:100%; display:block; text-indent:-9999px; background:url(../images/dominos_logo.png) no-repeat; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto;}
#logo #hearder_redius{position: relative; width: 100%; height: 56px; background: url(../images/heard_black.png) no-repeat; background-size: contain; margin-top: -23px; z-index: -1;}
.track { position: absolute; right: 195px; top: 31px; }
.track a { width:139px; height:53px; display:block; background:url(../images/track.png); text-indent:-9999px; }
.logout{  position: absolute; right: 135px; top: 31px; }
.logout a { width:48px; height:48px; display:block; background:url(../images/icon_logout.png); text-indent:-9999px; }
.pull { position: absolute; right: 0px; top: 31px; }
.pull > a { float: right; margin-right: 15px; position:relative; }
#cart span{position:absolute; top:-7px; left:50%; margin-left:-10px; color:#FFF; font-size:12px; text-align:center; width:20px; height:20px; line-height:20px; background:#0099cc; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
#navmenu { float: left;/* on activation */}
#menu, #cart { display: block; width:48px; height:48px; background-image: url(../images/menu_on.png); background-repeat: no-repeat; }
#menu span:after, #menu span:before { content: ""; position: absolute; left: 0; top: -10px; }
#menu span:after, #cart span:after { top: 10px; }
#menu span { position: relative; display: block; margin: -26px auto 0 auto; }
#menu span, #menu span:after, #menu span:before { width: 30px; height: 4px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; backface-visibility: hidden; }
.pull.on #menu span { background-color: transparent; }
.pull.on #menu span:before { -ms-transform: rotate(45deg) translate(7px, 7px); -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px);}
.pull.on #menu span:after { -ms-transform: rotate(-45deg) translate(7px, -7px); -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); }
/*.pull.on .menu { opacity: 1; visibility: visible; }
*/
.menu { position:absolute; color: #fff; right:0; top:93px; width: 301px; height: 479px; margin-top: 0px; text-align: center; background: url(../images/menubg.jpg) #00628e;
box-shadow: 0 1px 8px rgba(0,0,0,0.05); /* just for this demo */ display:none;}
.menu.menu_landscape{ width:100%; }
.cart { position:absolute; color: #fff; right:0; top:93px; width: 465px; margin-top: 28px; text-align: center; background: #006491;
box-shadow: 0 1px 8px rgba(0,0,0,0.05); /* just for this demo */ display:none; }
.menu:after { position: absolute; top: -15px; left: 95px; display: block; }
.menu ul { padding-top: 30px; }
.menu li { width: 208px;  height: 56px; margin: 0 auto; text-align: center; }
.menu.menu_landscape li{ width:33.3%; float: left; }
.cart li { margin: 0 auto; text-align: center; }
.menu ul li a { display: block; width: 205px; height: 56px; text-indent: -9999px; margin: 0 4px; background: url(../images/menu2.png) no-repeat; }
.menu ul li a.menu1 { background-position: left top; }
.menu ul li a.menu2 { background-position: left -56px; }
.menu ul li a.menu3 { background-position: left -112px; }
.menu ul li a.menu4 { background-position: left -168px; }
.menu ul li a.menu5 { background-position: left -224px; }
.menu ul li a.menu6 { background-position: left -280px; }
.menu ul li a.menu7 { background-position: left -336px; }
.menu ul li a.menu8 { background-position: left -392px; }
.menu ul li a:hover.menu1 { background-position: -222px 0px; }
.menu ul li a:hover.menu2 { background-position: -222px -56px; }
.menu ul li a:hover.menu3 { background-position: -222px -112px; }
.menu ul li a:hover.menu4 { background-position: -222px -168px; }
.menu ul li a:hover.menu5 { background-position: -222px -224px; }
.menu ul li a:hover.menu6 { background-position: -222px -280px; }
.menu ul li a:hover.menu7 { background-position: -222px -336px; }
.menu ul li a:hover.menu8 { background-position: -222px -392px; }
.cart_title { width:417px;height:41px;background: url(../images/cart_title.png) no-repeat; position: relative;}
.cart_title .red-point {position: absolute; left: 0;}
.cart ul .cart_title { line-height: 41px; font-size: 16px; text-align: right;}
.cart ul .car_store { height: 41px; line-height: 41px; font-size: 16px; text-align: center; }
.cart_info { position:relative; }
.cart_info:after { content:"";position:absolute;height:2px;width:410px;background:url(../images/menu_hline.png);margin-left: -205px;margin-left:25px\9;}
@media screen\0 {
	.cart_info:after {margin-left:25px;}
}

.main2_menu { margin-top: 7px; text-align: center; clear:both; }
.main2_menu:after{ content:""; clear:both; display:table;}
.main2_menu ul li{ display:inline-block; width: 280px; height: 80px; margin: 12px 6px 12px 6px; background-color: #282828; }
.main2_menu ul li:first-child{margin:12px 12px 12px 0px;}
.main2_menu ul li:last-child{margin:12px 0px 12px 12px;}

.order_content { padding: 10px 0 10px 20px; }
.cart_imgleft { display:inline-block; vertical-align: top; }
.cart_imgleft img {width:80px;}
.cart_textright { display:inline-block; font-size:14px; }
.cart_textright li { list-style:initial;text-align:left; margin-left: 20px; }
.cart_textright .noli { list-style:none;text-align:left; margin-left: 0px; font-size:16px;}
.cart_totalprice { text-align:right;padding:5px 65px 20px 0;font-size:16px; }
.cart .checknow { height:47px;line-height: 47px;background:#e31836; font-size:22px;position: relative;width: 100%;}
.cart .checknow  a:hover { color: #ffffff; }
.cart .checknow img { padding-left:10px;vertical-align: sub; }
.cart_overflow {height:100%; max-height: 447px; overflow-y: scroll; position: relative; }

/**/
.cart_overflow::-webkit-scrollbar {
    width: 10px;
}
.cart_overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.cart_overflow::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.cart_overflow::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

/**/
.close_btn_w { height:25px;
	width:25px;	
    position:absolute;
	right:10px;
	top:10px;
	background:url(../images/icon_closewindoww.png);}
.close_btn_w:hover,.close_btn_w:focus {
    text-decoration: none;
    cursor: pointer;
}	
#btn_menu { display: none; }
#menu_over { display: none; }
#containerTop { position: relative; background-image: url(../images/containerTop_bg.png); background-repeat: repeat-x; margin-bottom: 5px; }
#containerBtm { background-color: #000000; position: relative; }
#containerTop #container { position: relative; margin: 0px auto; padding-top: 30px; width: 100%; max-width:1350px; }
.goldborder { position: relative; border: 0px solid #62512e; }
#news { padding-left:30px; width: 50%; overflow: hidden; height:33px; position: relative; background:url(../images/news.png) no-repeat 30px 0; background-size: contain; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#news ul { height: 33px;}
#news ul li { padding-left: 0px; font-size: 15px; height:33px; line-height:33px; }
#news ul div { width:100%; overflow: hidden; position: absolute; z-index: 0; display: inline; left: 0; height: 100%; transition: 0.25s ease-in-out; padding-left:105px; padding-right:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#news ul div.ticker-active {top: 0px;}
#news ul div.not-active {top: 33px;}
#news ul div.remove {top: -33px;}
#news ul li a{width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.StoreAd { padding:24px 0px 0px 0px; }

.news-txt li { position: absolute; }
.main_ad { position: relative; margin: 15px auto 0; padding-bottom:40px; z-index:1}
.main_slider{display:block;}
.main_slider_m{display:none;}
.dg-container { width: 100%; height: 450px; position: relative; overflow:hidden }
.dg-wrapper { width: 748px; height: 100%; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.dg-wrapper a { width: 100%; display: block; position: absolute; left: 0; top: 0; background: transparent url(../images/browser.png) no-repeat top left; box-shadow: 0px 10px 20px rgba(0,0,0,0.3); }
.dg-wrapper a.dg-transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.dg-wrapper a img { display: block; padding: 9px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dg-wrapper a div { font-style: italic; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333; font-size: 16px; width: 100%; bottom: -55px; display: none; position: absolute; }
.dg-wrapper a.dg-center div { display: block; }
.dg-container nav { width: 58px; position: absolute; bottom: 0px; left: 50%; margin-left: -29px; }
.dg-container nav span { text-indent: -9000px; float: left; cursor: pointer; width: 24px; height: 25px; opacity: 0.8; background: transparent url(../images/arrows.png) no-repeat top left; }
.dg-container nav span:hover { opacity: 1; }
.dg-container nav span.dg-next { background-position: top right; margin-left: 10px; }
#main{width:100%; padding-top:99px;}
#main_container { position: relative; width: 1170px; margin: 30px auto 30px; }
.main1_menu { position: relative; text-align:center; width:100%; }
.main1_menu ul li{ display:inline-block; margin:0 15px 15px 15px;}
.main1_menu a { display: block; width: 210px; height: 211px; text-align: center;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.main1_menu a.main1_menu1 { background: url(../images/main_menu_01.png) no-repeat; }
.main1_menu a.main1_menu2 { background: url(../images/main_menu_02.png) no-repeat; }
.main1_menu a.main1_menu3 { background: url(../images/main_menu_03.png) no-repeat; }
.main1_menu a.main1_menu4 { background: url(../images/main_menu_04.png) no-repeat; }
.main1_menu a:hover.main1_menu1 { background: url(../images/main_menu_01_mo.png) no-repeat; }
.main1_menu a:hover.main1_menu2 { background: url(../images/main_menu_02_mo.png) no-repeat; }
.main1_menu a:hover.main1_menu3 { background: url(../images/main_menu_03_mo.png) no-repeat; }
.main1_menu a:hover.main1_menu4 { background: url(../images/main_menu_04_mo.png) no-repeat; }
.main1_menu a img{ display:none; }
.main_content { position: relative; margin:45px auto 0px auto; padding-bottom: 47px; width: 100%; max-width: 1170px; }
#inpage_content .main_content {  margin:0px auto 0px auto;}
#containerBtm .main_content{  margin:0px auto; padding-bottom:0px; max-width: 950px; }
.main_content:after{ content:""; clear:both; display:table;}
#maincontentLeft { float: left; width: 40%; margin-top: 42px; }
#maincontentRight { float: left; width: 60%; }
.actbanner { padding: 0px 0px; }
.actbanner:after{ content:""; clear:both; display:table;}
.actbanner a{ display:block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.actbanner a img{ width:100%; border-radius: 6px; }
a.adbennerleft { padding: 0px 0px 12px 0px; }
a.adbannerright { padding: 0px 0px 12px 0px; }

.main2_menu { margin-top: 7px; text-align: center; clear:both; }
.main2_menu:after{ content:""; clear:both; display:table;}
.main2_menu ul li{ display:inline-block; width: 280px; height: 80px; margin: 12px 6px 12px 6px; background-color: #282828; border-radius: 6px;  }
.main2_menu ul li:first-child{margin:12px 12px 12px 0px;}
.main2_menu ul li:last-child{margin:12px 0px 12px 12px;}
.top5 { margin-top: 5px; }
.main2_menu a { float: left; display: block; width: 100%; height: 100%; text-indent: -9999px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 6px; overflow: hidden; }
.main2_menu a.main2_menu1 { background: url(../images/main_submenu_01_mo.png) no-repeat center center #282828;}
.main2_menu a.main2_menu2 { background: url(../images/main_submenu_02_mo.png) no-repeat center center #282828;}
.main2_menu a.main2_menu3 { background: url(../images/main_submenu_03_mo.png) no-repeat center center #282828;}
.main2_menu a:hover.main2_menu1 { background: url(../images/main_submenu_01_mo.png) no-repeat center center #5F5F5F;}
.main2_menu a:hover.main2_menu2 { background: url(../images/main_submenu_02_mo.png) no-repeat center center #5F5F5F;}
.main2_menu a:hover.main2_menu3 { background: url(../images/main_submenu_03_mo.png) no-repeat center center #5F5F5F;}
.main2_menu a img{display:none;}

.fbbg{ text-align: center; padding: 0px 0px 0px 20px; }
.fbbg .fbpage{ float: left; width:100%; min-height: 280px; overflow:hidden; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; padding: 12px 0px; }
.fbbg img { margin-top: 15px; margin-bottom: 10px;  }

#share { cursor: pointer; float: right; margin-right: 20px; border: 2px solid #ffffff; background: url(../images/btn_share.png) no-repeat top left; display: block; width: 36px; height: 36px; padding-left: 40px; line-height: 36px; font-size: 14px; font-weight: bold; }
#share ul { display: none; float: right; }
#share li { float: left; }
#share li.topshare:hover { background: url(../images/btn_share_over.png); }
#share a { display: block; width: 36px; height: 36px; }
#share a.btn_waibo { background: url(../images/btn_share_waibo.png) no-repeat; }
#share a.btn_qq { background: url(../images/btn_share_qq.png) no-repeat; }
#home { background-image: url(../images/bg_home.jpg); }
#home1 { background-image: url(../images/bg_home1.jpg); opacity: 1; filter: alpha(opacity=1); z-index: 1; }
#home2 { background-image: url(../images/bg_home2.jpg); opacity: 0; filter: alpha(opacity=0); z-index: 2; }
.game1 { background-image: url(../images/bg_game1.jpg); }
.game2 { background-image: url(../images/bg_home2.jpg); }
.footbg { background: url(../images/footbg.png) top center repeat-x #000; }
.ftcontent { margin: 0 auto; padding-top: 17px; padding-bottom: 16px; width: 1170px; height: 198px; }
.ftleft { width: 355px; height: 198px; float: left; text-align:center; padding:12px 0px 0px 0px;  }
.ftleft .share {  padding:12px 0px 24px 0px; }
.ftright { margin: 0 auto; width: 815px; float: left; }
.footlink { position: relative; margin: 0 auto; width: 748px; }
.foot_title { width: 100%; padding-top:8px; }
.foot_title:after{ content:""; display:table; clear:both;}
.ft_left { float: left; padding-right: 15px; color:#97c8e1; font-size:18px; background:url(../images/footer_icon.png) no-repeat; padding:0px 0px 0px 24px;   }
.dotted1 { display:none;  float: left; width: 30%; margin-top: 20px; border-bottom: dotted 2px #808080; }
.dotted2 { display:none;  float: left; width: 75%; margin-top: 20px; border-bottom: dotted 2px #808080; }
.dotted3 { display:none;  float: left; width: 75%; margin-top: 20px; border-bottom: dotted 2px #808080; }
.ft_item { margin-top: 10px; margin-left: 40px; font-size: 14px;}
.ft_item:after{ content:""; display:table; clear:both;}
.ft_item_left { font-size: 14px; float:left }
.ft_item_right { margin-left: 68px; font-size: 14px; float:left }
.ft_item .long { margin-left: 35px; }

ul.foot_li li { padding-left: 3px; padding-bottom: 13px; list-style: disc; }
.about { float: left; padding-right: 30px; width: 120px; }
.help { float: left; padding-right: 30px; width: 298px; }
.website { float: left; width: 268px; }
.footbar { width: 100%; border-top:3px solid #c50007; background:#e0002a;}
#footInfo { width: 100%; max-width:1170px; margin: 0 auto; }
#footInfo:after{ content:""; display:table; clear:both;}
#footInfo p { font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footleft { padding-top: 15px; padding-bottom:5px; text-align: center; float: none !important; }
.footright { padding-top: 20px; float: right; }
/*#footer { text-align: center; padding: 13px 0px; width: 100%; position: relative; }
#footer .content { padding: 0; }
#footer .content div { width: 33%; float: left; }
#footer .email { text-align: left; }
#footer .copy { text-align: center; }
#footer .policy { text-align: right; }
*/#btn_top { position: absolute; top: 0px; right: 20px; border: 2px solid #ffffff; background: url(../images/btn_top.png) no-repeat top left; display: block; width: 36px; height: 36px; cursor: pointer; }
/*====== home ======*/

/*==== 404page ====*/
.error404 {margin: 60px auto 50px; max-width: 520px; width: 100%;}
.error404 img {width: 100%; max-width:519px; max-height: 507px; }
.errorList {width: 100%; max-width: 520px; margin: 0 auto; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; padding: 5px 0; }
.errorList ul {font-size: 0px; text-align: center;}
.errorList li {display: inline-block; font-size: 15px; color:#006491;}
.errorList li a {color:#006491;}
.errorList li a:hover {color: #fc1712;}
.errorList li:after {content: "|"; margin: 0 10px; }
.errorList li:nth-child(5):after {content: ""; display: none;}

.cookies_wrp {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    z-index: 9000;
}
.cookies_wrp span {
    max-width: 980px;
    margin: 0px auto;
    display:block;
    font-size:16px;
    padding:40px 40px 0px 40px;
}
.cookies_close_btn {
    position: absolute;
    right: 6px;
    top: 6px;
}
    .cookies_close_btn .close_btn {
        background: url(../images/icon_closewindoww.png) no-repeat;
        width:25px;
        height:25px;
    }